<%@ page language="java" contentType="text/html; charset=UTF-8"
	pageEncoding="UTF-8"%>
<%@page session="true"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="form"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/jquery.mobile-1.4.2.css">
<link rel="stylesheet"
	href="${pageContext.request.contextPath}/resources/css/app.css?v=0.2.11">
<script
	src="${pageContext.request.contextPath}/resources/js/jquery-1.11.0.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.mobile-1.4.2.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/jquery.validate.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/additional-methods.min.js"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/validations.js?v=0.2.11"></script>
<script
	src="${pageContext.request.contextPath}/resources/js/views/form_crear_visita.js"></script>
<style>
.error {
	font-family: calibri;
	font-size: 18px;
	color: red;
	font-size: 18px;
}
</style>
<title>Crear una visita</title>
</head>
<body>
	<div data-role="page" data-ajax="false" data-theme="a">
		<div data-role="header">
			<h1>Crear visita</h1>
		</div>
		<div role="main" class="ui.content">


			<div class="centered-content">


				<form:form method="POST" id="form_visita" data-ajax="false">
					<input name="id" type="hidden">
					<table class="outputTable">
						<tr>
							<td>Número de la propiedad :</td>
							<td>${propiedad.numero}</td>
						</tr>
						<tr>
							<td>Dirección :</td>
							<td>${propiedad.direccion}</td>
						</tr>

						<tr>
							<td>Rut del Cliente(*) :</td>
							<td><input id="rut" name="rut"
								onblur="doSearch('${pageContext.request.contextPath}/search_persona',this)"></td>
						</tr>
						<tr>
							<td>Nombre(*) :</td>
							<td><input type="hidden" id="id"> <input type="text"
								class="nombre" name="nombre" id="nombre"></td>
						</tr>
						<tr>
							<td>Dirección(*) :</td>
							<td><input type="text" name="direccion" class="direccion"></td>
						</tr>
						<tr>
							<td>Comuna</td>
							<td><form:select path="comuna.id" items="${listaComunas}"
									itemValue="id" itemLabel="nombre" id="comuna" name="comuna">
								</form:select></td>
						</tr>
						<tr>
							<td>Ciudad(*) :</td>
							<td><input type="text" class="ciudad" name="ciudad"></td>
						</tr>
						<tr>
							<td>Fono Casa :</td>
							<td><input type="text" class="fonoCasa" name="fonoCasa"></td>
						</tr>
						<tr>
							<td>Fono Oficina :</td>
							<td><input type="text" class="fonoOficina"
								name="fonoOficina"></td>
						</tr>
						<tr>
							<td>Fono Movil :</td>
							<td><input type="text" class="fonoMovil" name="fonoMovil"></td>
						</tr>
						<tr>
							<td>Correo(*) :</td>
							<td><input type="text" class="correo" name="correo"></td>
						</tr>

						<tr>
							<td>Observaciones :</td>
							<td><textarea rows="2" cols="2" class="observaciones"
									name="observaciones"></textarea></td>
						</tr>
						<tr>
							<td>Contacto :</td>
							<td><input type="text" class="contacto" name="contacto"></td>
						</tr>
						<tr>
							<td><a href="${pageContext.request.contextPath}/agent_panel"
								class="ui-btn ui-icon-delete ui-btn-icon-right ui-btn-b"
								data-ajax="false">Cancelar</a></td>
							<td><button type="submit"
									class="ui-btn ui-icon-check ui-btn-icon-right">Continuar</button></td>
						</tr>
					</table>
					<input type="hidden" name="origen" value="1">
				</form:form>
			</div>
		</div>
	</div>
</body>
</html>